<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_683707_ls5wiqtm09evcxr.css">
    <script src="js/common/common.js"></script>
    <link rel="stylesheet" href="../src/css/index.css">
    <link rel="stylesheet" href="./css/media.css">
    <title>银联学岛音乐节</title>
</head>

<body>
    <div class="web">
        <!-- 主题内容 -->
        <div class="comtent">
            <div class="com_one">
                <div class="img">
                    <img src="img/index/comtent2.png" alt="">
                    <div class="jT">
                        <img src="img/index/小提琴.png" alt="">
                    </div>
                </div>

            </div>
            <div class="com_two">
                <div class="com_two_1">
                    <p>点击按钮录音</p>
                    <div class="recordBtn">
                        <div class="iBtn">
                            <div class="iBox">
                                <i class="iconfont icon-luyinmaikefeng"></i>
                            </div>
                        </div>
                        <button>
                            开始录音
                        </button>
                    </div>
                </div>
                <div class="com_two_2">
                    <p>手动输入祝福文字</p>
                    <textarea name="" id="">弱水三千只取一瓢❤❤❤</textarea>

                    <button class="playing">播放录音内容</button>
                </div>
            </div>
            <p class="txt1">可以方便的在线录制语音祝福，放入酷炫的情书里一同发送给想送的人！</p>
            <div class="com_three">
                <p>操作说明：录音请点击“开始录音”,点击不是长按哦！ 录音完毕后再次点击上面的“结束录音”，录音不要超过 61秒哦!
                </p>
                <button>生成情书</button>
            </div>
        </div>
        <!-- 底部logo -->
        <div class="footer">
            <img src="img/index/logo.png" alt="">
        </div>
        <!-- 弹出生成情书页 -->
        <div class="generateIng">
            <div class="box">
                <p>正在生成中
                    <span> ❤</span>
                    <span>❤</span>
                    <span>❤</span>
                </p>
                <div class="i_down">
                    <i class="iconfont icon-guanbi"></i>
                </div>
            </div>
        </div>
    </div>
    <!-- 发送情书 -->
    <div class="sendLoveWeb">
        <div class="comtent">
            <div class="com_one">
                <div class="img">
                    <img src="img/index/comtent2.png" alt="">
                    <div class="jT">
                        <img src="img/index/小提琴.png" alt="">
                    </div>
                </div>

            </div>
            <div class="com_2">
                <img src="img/index/明信片-情书.png" alt="">
                <textarea name="" id="textarea" readonly></textarea>
            </div>
            <button>发送告白情书</button>
        </div>
        <div class="footer">
            <img src="img/index/logo.png" alt="">
        </div>
        <!-- 分享发送 -->
        <div class="sendBlack">
            <div class="sendCom">
                <img src="img/index/分享箭头.png" alt="">
                <div class="pB">
                    <p>请点击右上角</p>
                    <p>通过【发送给朋友】</p>
                    <p>选择好友发送吧！</p>
                </div>

            </div>
        </div>
    </div>

    <script src="./js/common/jquery-2.1.0.js"></script>
    <script src="./js/common/jssdk.js"></script>
    <script src="./js/index.js"></script>

</body>

</html>